/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:16px;vertical-align:baseline;background:transparent; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }


html{background:url(images/bg.jpg) center top no-repeat #0c1116;}
body{
	color: #999999;
	font: normal 100%/1.8 Trebuchet MS,Trebuchet MS,Tahoma,helvetica,arial,sans-serif;	
	-webkit-text-size-adjust: none;
	background:none;
	padding:0;
}
form#Form{ height:100%; }
p{ margin:0px 0px 8px 0px; }
#dnnMenu{margin:0; padding:0;}
#dnnMenu ul{margin:0; padding:0;}
.ModuleTitle_SubMenu{ z-index:9999!important; }	

A:link { color :#3aafad; text-decoration : none; }
A:active { color :#3aafad; text-decoration : underline; }
A:hover { color :#fafafa; text-decoration : underline; }
A:visited { color :#3aafad; text-decoration : none;}

h1{ font:bold 22px/24px; color:#fff; }
h2{ font:bold 20px/22px; color:#fff; }
h3{ font:bold 18px/20px; color:#fff; }
h4{ font:bold 16px/18px; color:#fff; }

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox {font-family: Trebuchet MS,Tahoma,helvetica,arial,sans-serif; }
.Head{color:#fff;font-weight:bold; font-size:18px; }
.SubHead {color:#fff; font-weight:bold;  font-size:18px; }
.SubSubHead{color:#fff; font-size:18px; }
.Normal {color:#fff; font-size:16px; line-height:1.5; }

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block; }
.clearafter{ display:inline-block; }
.clearafter{ display:block; }
.clear{ clear:both; }

/* ControlPanel style */
.controlpanel_bg { width: 100%; background:#FFFFFF; }
.controlpanel_style {width:93.75%; max-width:960px; margin:0 auto;} @media (max-width:700px){.controlpanel_style{width:100%;}}
.controlpanel_style table {width:100%;}

.CommandButton { font-size: 11px; font-weight : normal; color: #0033CC; text-decoration: none; }
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size : 11px; font-weight : normal; color : #0033CC; text-decoration : underline; }
A.CommandButton:hover { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : none; }

.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000; text-decoration: underline; }
.FileManager A:hover{ color:#000; text-decoration:none; }

div.language-object span.Language img {width: 24px; }
.DNNEmptyPane{display:none;}

/*--------- Search style ----------*/
#sssearch input {border-style:solid; border-width:0px; border-color:#999999; text-align:left; font:Trebuchet MS,Tahoma,helvetica,arial,sans-serif; font-size:13px; width:180px; height:21px; background-color:transparent; margin-top:1px; color:#999;}

#sssearch{ padding-left:5px; padding-top:0px; margin-top:5px; width:238px; height:31px; background:url(images/searchbg.png) no-repeat;}

.dnnadminmega .megaborder{z-index:600;}

/*--------- With Social Link Login----------------*/
	/* Login & Social */
		#Login{
			float:right;
			padding-right:15px;
			padding-top:25px;
			padding-bottom:15px;
			height:34px;*height:36px;
		}
		
		#Login .registerGroup, 
		#Login .registerGroup *, 
		#Login .loginGroup, 
		#Login .loginGroup *{
			display:block;
		} 
	
	
		#Login .registerGroup,
		#Login .loginGroup{float:left;padding:0;margin:0;} 
		
		#Login .registerGroup li:first-child:hover{border-left:1px solid #c7c7c7;}
		/* Register Group Styles */
		#Login .registerGroup li{ 
			float:left;
			height:34px;
			/*border-left:1px solid #f1f1f1; light*/
			border:1px solid #c7c7c7; /*dark*/
			border-radius:2px 0 0 2px;
			-webkit-border-radius:2px 0 0 2px;
			-moz-border-radius:2px 0 0 2px;
			background:#0c1116 url(images/loginbg.png) repeat-x 0 0;
		}
		#Login .registerGroup .buttonGroup{margin-right:0; margin-top:0;}
		
		#Login .registerGroup a,
		#Login .loginGroup a{
			position:relative;
			display:block;
			padding:11px 15px;
			min-width:15px; min-height:12px;
			font-weight:bold;
			font-size:12px;
			vertical-align:middle;
			line-height:1em;
			color:#3aafad;
		}
		
		#Login .registerGroup a:hover,
		#Login .loginGroup a:hover{
			background:#0c1116;
			color:#fafafa;			
		}
		#Login .registerGroup a:active,
		#Login .loginGroup a:active{
			color:#3aafad;
		}
		
		#Login .registerGroup a:hover,
		#Login .loginGroup a:hover{text-decoration:none;}
		
		#Login .registerGroup a strong,
		#Login .loginGroup a strong{
			position:absolute;
			left:0; top:0;
			width:100%; height:100%;
			display:block;
			font-size:0px;
			font-weight:bold;
			vertical-align:baseline;
			overflow:hidden;
			text-indent:-99999;
		}
		
		.registerGroup .userMessages strong,
		.registerGroup .userNotifications strong{
			background:url(Images/userLoginSprite.png) no-repeat 15px 12px;
		}
		.registerGroup .userNotifications strong{ background-position:-85px 10px; }
		.registerGroup .userMessages strong:hover{background-position:15px -40px; }
		.registerGroup .userNotifications strong:hover{ background-position:-85px -42px;}
		.registerGroup .userMessages strong:active{background-position:15px -91px; }
		.registerGroup .userNotifications strong:active{ background-position:-85px -92px;}
		
		#Login .registerGroup a span{
			position:absolute;
			right:5px; top:-7px;
			display:inline-block;
			padding:2px 4px;
			min-width:7px;
			text-align:center;
			margin-right:3px;
			background: rgb(31,152,241); /* Old browsers */
			font-size:12px;
			color:#3aafad;
			text-shadow: 0px 1px 0px #333333;			 		
		}
		
		
		#Login .registerGroup .userProfileImg a{
			padding:0;background:none;
			min-width:25px;
		}
		#Login .registerGroup a img{
			border:1px solid #c7c7c7;
			height:32px; width:32px;
			background:#0c1116;			 
		}
		/* Login Group Styles */
		#Login .loginGroup{
			border:1px solid #c7c7c7; /*light*/	
			border-radius:0 2px 2px 0;
			-webkit-border-radius:0 2px 2px 0;
			-moz-border-radius:0 2px 2px 0;	
			background:#0c1116 url(images/loginbg.png) repeat-x 0 0;
			height:34px;
		} 
		#Login .loginGroup a{padding:11px 20px; font-weight:bold; color:#999999;}
		
		/* Login Language Group */
		#Login .language-object{
			float:left;
			display:block;
			margin:0;
			padding:0;
			height:34px;
			background:#333333 url(images/loginbg.png) repeat-x 0 0;			
			border:1px solid #c7c7c7; /*dark*/
			border-radius:0 2px 2px 0;
			-webkit-border-radius:0 2px 2px 0;
			-moz-border-radius:0 2px 2px 0;	
		}
		#Login .language-object span{
			padding:8px 0;
			padding-right:8px;
			margin:0;
			float:left;
		}
		#Login .language-object span:first-child{
			padding-left:8px;
			border-left:1px solid #fcfcfc; /*light*/
		}
		#Login .language-object span img{
			height:12px; width:20px;
			opacity:0.2;
		}
		#Login .language-object span:hover img{opacity:1;}
		#Login .language-object .Language.selected img{
			opacity:1;
			border-color:#999;
			-webkit-border-radius: 2px;
			border-radius: 2px; 
			-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
			box-shadow: 		0px 1px 0px 0px rgba(255, 255, 255, 0.8); 
		}
		
		/* Login Language Group */
		#Login .language-object{
			float:left;
			display:block;
			margin:0;
			padding:0;
			
			border-left:1px solid #c7c7c7; /*dark*/
		}
		#Login .language-object span{
			padding:8px 0;
			padding-right:8px;
			margin:0;
			float:left;
		}
		#Login .language-object span:first-child{
			padding-left:8px;
			border-left:1px solid #fcfcfc; /*light*/
		}
		#Login .language-object span img{
			height:12px; width:20px;
			opacity:0.2;
		}
		#Login .language-object span:hover img{opacity:1;}
		#Login .language-object .Language.selected img{
			opacity:1;
			border-color:#999;
			-webkit-border-radius: 2px;
			border-radius: 2px; 
			-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
			box-shadow: 		0px 1px 0px 0px rgba(255, 255, 255, 0.8); 
		}
			
	#fb-root{display:none;}
	.fb-like{float:left;}

/********************************************************/

/*---------- Grid Styles -------------*/
.dnnGridHeader{}
.dnnGridAltItem{ background:#1a1a1a;}
.dnnGridItem{background:#242829;}
.dnnForm h2.dnnFormSectionHead a, .dnnForm h2.dnnFormSectionHead a:visited{color:#999;}
.dnnForm h2.dnnFormSectionHead a.dnnSectionExpanded:hover{background:#242829;}

.dnnadminmega .megaborder{z-index:600; background:#484848;}
.RadTreeView_Default, .RadTreeView_Default a.rtIn, .RadTreeView_Default .rtEdit .rtIn input{color:#cccccc;}
.dnnTreeLegend{background:#131418;}


/*--------- Breadcrumb style ----------*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#fafafa; font-size:12px; text-decoration:none; line-height:35px;}
A.Breadcrumb:hover  { color:#ffffff; font-size:12px; text-decoration:underline; line-height:35px; }

/*--------- Breadcrumb_text style ----------*/
.Breadcrumb_text, A.Breadcrumb_text:link, A.Breadcrumb_text:visited, A.Breadcrumb_text:active, A.Breadcrumb_text:hover  { color:#fafafa; font-size:12px; text-decoration:none;  line-height:35px;}

/*--------- CurrentDate style ----------*/
.Date, A.Date:link, A.Date:visited, A.Date:active, A.Date:hover  { color:#333333; font-weight: normal; font-size:12px; text-decoration:none; }

/*--------- Footer style ----------*/
.Footer {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
A.Footer:link, A.Footer:visited, A.Footer:active { font-size:12px; font-weight:normal; color:#3aafad; text-decoration:none; }
A.Footer:hover { font-size:12px; font-weight:normal; color :#fafafa; text-decoration : underline;}

/*--------- Links style ----------*/
.Links, A.Links:link, A.Links:visited, A.Links:active { font-size:16px; font-weight:normal; color:#3aafad; text-decoration:none; }
A.Links:hover { font-size:16px; font-weight:normal; color :#fff; text-decoration : none;}

/*--------- Module Action Menus ----------*/
.ModuleTitle_SubMenu { border:1px solid #5c1012; }
.ModuleTitle_SubMenu td{ background-color:#F8FAFF; white-space: nowrap; padding: 2px; } 
.ModuleTitle_MenuIcon { background-color:#F8FAFF; border:none; padding: 2px; }
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{ background: #3D93BC; color: #fff; }
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon { height: 2px; background-color: #D5E0FF; }

/*---------- Module Styles -------------*/
.DnnModule{position:relative; z-index:200;}

/*--------------------------------------------------------- design style ------------------------------------------------------------*/
/* boxes */
.jmainwidth{width:93.75%; max-width:960px; margin:0 auto; padding-bottom:5px;}
#jtop{margin:0;}
#jmenu{background:url(images/menurowbg.png) left top repeat-x; height:50px; padding:0 15px; border:1px solid #444444; -webkit-border-radius:9px 9px 0 0; -moz-border-radius:9px 9px 0 0; border-radius:9px 9px 0 0; }
#jbread{padding-left:20px; background:url(images/breadbg.png) left center no-repeat; height:31px; margin-top:3px;}
#jsearchrow{ background:url(images/searchrowbg.png) left top repeat-x; height:37px; padding-left:11px; border-left:1px solid #444444; border-right:1px solid #444444; border-bottom:1px solid #444444;}
#jmainbox{padding:1.1%;  min-height:480px; background:#000000; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
#jfooter{min-height:45px; background:none; padding:15px 15px 0 15px;}
#jcopy{padding:0; text-align:center }
#jlogin{padding-bottom:5px;}

.fleft{float:left;}
.fright{float:right;}
.jpaddingb{padding-bottom:5px;}

.headerpane{margin:0 15px;}
.singlepane{width:100%;}

.topleftpane{width:49.45%;}
.toprightpane{width:49.45%;}

.toppanea{width:32.6%; margin-right:1.1%;}
.toppaneb{width:32.6%; margin-right:0%;}
.toppanec{width:32.6%;}
.toppaned{width:32.6%; margin-left:1.1%;}

.tcleftpane{width:24.175%;}
.tcrightpane{width:74.725%;}

.bcleftpane{width:74.725%;}
.bcrightpane{width:24.175%;}

.bottompanea{width:24.175%; margin-right:1.1%;}
.bottompaneb{width:24.175%; margin-right:1.1%;}
.bottompanec{width:24.175%; margin-right:0%;}
.bottompaned{width:24.175%;}
.bottompanee{width:49.45%; margin-right:1.1%;}

.jcopyright{margin:8px 0; text-align:center;}
.footerpane{margin:13px 0;}

#dnn_FooterPane TD,#dnn_FooterPane P,#dnn_FooterPane DIV,#dnn_FooterPane DH,#dnn_FooterPane .SubHead{color:#999999;}

/*----------silder-------------*/
.slider-wrapper { 
	width: 100%;
	margin: 0 auto; 
}

#slider {
    margin:0 auto 0 auto;
}

@media (max-width:800px){

#jlogo{width:98%; margin:0 auto; text-align:center;}
.jmainwidth{width:98%; margin:0 auto;}
.fright{float:left;}

img{max-width:100%;}
}

@media (max-width:768px){
	
.jmainwidth{width:98%; margin:0 auto;}

#jlogo{width:98%; margin:0 auto; text-align:center;}
#jtop{margin:0px auto; padding:0;}
#jsearchrow{min-height:74px; background:none; border:none; padding:0;}
#jmainbox{width:98%; margin:0 auto;  min-height:498px; }
#jmenu{background:none;padding:9px 0;border:none; height:auto; min-height:60px;}
#jmenurow{background:none;}
#jcopy{margin:5px auto;}
#jlogin{margin:5px auto; text-align:center;}
#Login{padding:5px; height:auto;}
#dnnMenu{width:100%; margin:0 auto;}
#sssearch{margin:5px; }

.fleft{float:none;}
.fright{float:none;}
.headerpane{ width:100%; margin:0;}

.topleftpane{width:100%;}
.toprightpane{width:100%;}

.toppanea{width:100%; margin-right:0;}
.toppaneb{width:100%; margin-right:0;}
.toppanec{width:100%;}

.tcleftpane{width:100%;}
.tcrightpane{width:100%;}

.bcleftpane{width:100%;}
.bcrightpane{width:100%;}

.bottompanea{width:100%; margin-right:0;}
.bottompaneb{width:100%; margin-right:0;}
.bottompanec{width:100%; margin-right:0;}
.bottompaned{width:100%;}
.bottompanee{width:100%; margin-right:0;}

.jcopyright{width:98%;  margin:18px 0 20px 0.5%; text-align:center; height:55px;}
.footerpane{width:98%; margin:0;}

img{max-width:100%;}
.singleimg{width:98%; margin:0 auto;}
	
}


/***************************************************/
.jservice{ list-style:none; background:url(http://sureshotfirearmssc.com/Portals/_default/Skins/Sports%20121127/images/libg.png) left 50% no-repeat; line-height:34px; padding-left:26px;}
.jservice:hover{ list-style:none; background:url(http://sureshotfirearmssc.com/Portals/_default/Skins/Sports%20121127/images/libgsel.png) left 50% no-repeat; line-height:34px; padding-left:26px; cursor:pointer; color:#3aafad;}
.jfootli{ list-style:none; background:url(http://sureshotfirearmssc.com/Portals/_default/Skins/Sports%20121127/images/footli.png) left 50% no-repeat;  padding-left:13px;}
.jlistc{ cursor:pointer; background-position:left top;}
.jlistc:hover{background-position:right top;}

.jgalleryimg{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.jgalleryimg:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}